<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }


table {
  margin: 0 auto;
  width: 90%;
  text-align: center;
  border-spacing: 0;
}
table tbody tr:first-of-type {
  background-color: #dadee1 !important;
  height: 60px;
}
table tbody tr {
  height: 45px;
}

button{
  margin: 20px 1px;
  width: 40px;
  height: 30px; 
  color: red;
 

}
button.red{
    background-color: #d9534f;

}
button.gre{
    background-color: #5cb85c;
}


</style>

<body>
    
    <h1 style="text-align: center">学生管理系统</h1>

    <table>
      <thead>
        <tbody>
            <tr >
                <td>序号</td>
                <td>姓名</td>
                <td>学号</td>
                <td>姓名</td>
                <td>学院</td>
                <td>入学年份</td>
                <td>年级</td>
                <td>年龄</td>
                <td>操作</td>
            </tr>
            <tr>
                <td>1</td>
                <td>11503080201</td>
                <td>张三</td>
                <td>计算机科学与工程学院</td>
                <td>软件工程</td>
                <td>2015</td>
                <td>大二</td>
                <td>21</td>
               <td><button class="gre" >修改</button></td> 
                <td><button class="red">删除</button></td>
            </tr>
            <tr>
                <td>2</td>
                <td>11503080202</td>
                <td>李四</td>
                <td>计算机科学与工程学院</td>
                <td>软件工程</td>
                <td>2015</td>
                <td>大三</td>
                <td>21</td>
                <td><button class="gre" >修改</button></td>
                <td><button class="red">删除</button></td>
            </tr>
        </tbody>
      </thead>
    </table>
</body>

</html>